<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:p="http://primefaces.org/ui"
	template="/template/templatePadrao.xhtml">

	<ui:define name="body">
		<div class="padding">

			<t:saveState value="#{equipamentoBean.listEquipamentos}" />
			<t:saveState value="#{equipamentoBean.equipamento}" />
			<h:form id="formulario">

				<p:dataTable id="dataTable"
					value="#{equipamentoBean.listEquipamentos}" var="equipamento"
					paginator="true" rows="10" rowsPerPageTemplate="5,10,15"
					emptyMessage="Nenhum registro encontrado." styleClass="tabela" headerClass="cabecalhoTabela"
					rowIndexVar="style" rowStyleClass="esquerda, direita">

					<p:column id="id" headerText="Código">
						<h:outputText value="#{equipamento.id}" />
					</p:column>

					<p:column id="nome" headerText="Nome">
						<h:outputText value="#{equipamento.nome}" />
					</p:column>
					<p:column id="marca" headerText="Marca">
						<h:outputText value="#{equipamento.marca}" />
					</p:column>
					<p:column id="quantidade" headerText="Qunatidade">
						<h:outputText value="#{equipamento.quantidade}" />
					</p:column>

					<p:column headerText="Editar" style="width: 5%;">
						<p:commandLink id="lnkEditar"
							action="#{equipamentoBean.prepareUpdate}" immediate="true"
							ajax="false">
							<div class="icones_editar"></div>
							<f:setPropertyActionListener
								target="#{equipamentoBean.equipamento}" value="#{equipamento}" />
						</p:commandLink>
					</p:column>

					<p:column id="excluir" headerText="Excluir" style="width: 5%;">
						<p:commandLink action="#{equipamentoBean.delete}" immediate="true"
							ajax="false" update="mensagens dataTable">
							<div class="icones_excluir"></div>
							<f:setPropertyActionListener
								target="#{equipamentoBean.equipamento}" value="#{equipamento}" />
						</p:commandLink>
					</p:column>

					<p:column id="visua" headerText="Visualizar" style="width: 5%;">
						<p:commandLink id="visualizar"
							oncomplete="dialogEquipamento.show();" title="Visualizar usuario"
							update=":formulario:dialogEquipamento">
							<div class="icones_view"></div>
							<f:setPropertyActionListener
								target="#{equipamentoBean.equipamento}" value="#{equipamento}" />
						</p:commandLink>
					</p:column>

				</p:dataTable>


				<!-- 				||||||||||\\ DIALOG |||||||||||||\\ -->
				<p:dialog header="Dados do equipamento"
					widgetVar="dialogEquipamento" closeOnEscape="true"
					resizable="false" id="dialogEquipamento" showEffect="explode"
					hideEffect="explode" draggable="false" closable="true">
					<h:panelGrid columns="2">
						<p:outputLabel value="Nome: " style="font-weight: bold" />
						<p:outputLabel value="#{equipamentoBean.equipamento.nome}" />

					</h:panelGrid>
				</p:dialog>


			</h:form>

		</div>

	</ui:define>

</ui:composition>
